<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pe="http://primefaces.org/ui/extensions"
    xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmDetallePerfil" onkeypress="if (event.keyCode == 13) return false;">
        <p:panel id="panelPerfil" rendered="#{usuarioController.selectedPersonalizaPerfil != null}">
            <table style="border-spacing: 8px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Usuario :" /></td>
                        <td style="width: 250px;">
                            <p:inputText  value="#{usuarioController.bean.txtNombres} #{usuarioController.bean.txtApellidoPaterno} #{usuarioController.bean.txtApellidoMaterno}" 
                                          style="width: 245px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                        <td style="width: 100px;"><h:outputLabel value="Modulo :" /></td>
                        <td style="width: 200px;">
                            <p:inputText  value="#{usuarioController.selectedPersonalizaPerfil.nidPerfil.nidModulo.txtModulo}" style="width: 230px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                        <td style="width: 50px;"><h:outputLabel value="Perfil :" /></td>
                        <td style="width: 220px;">
                            <p:inputText  value="#{usuarioController.selectedPersonalizaPerfil.nidPerfil.txtPerfil}" style="width: 200px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Unidad Territorial :" /></td>
                        <td style="width: 250px;">
                            <p:selectOneMenu style="width: 250px;"
                                             value="#{usuarioController.selectedPersonalizaPerfil.codZonal}" 
                                             valueChangeListener="#{usuarioController.cargaUnidadOrganizacional}">
                                <f:selectItem itemLabel="Seleccione" itemValue="-1"  />
                                <f:selectItems value="#{usuarioController.lstComboZonal}" 
                                               var="unidadTerrito" 
                                               itemValue="#{unidadTerrito.codZonal}" 
                                               itemLabel="#{unidadTerrito.txtZonal}"/>
                                <p:ajax event="change" update=":frmDetallePerfil:panelPerfil"/>
                            </p:selectOneMenu>
                        </td>
                        <td style="width: 100px;"><h:outputLabel value="Unidad Organizacional :" /></td>
                        <td style="width: 250px;">
                            <p:selectOneMenu id="cboUnidadOrganiza" style="width: 240px;" disabled="#{(usuarioController.selectedPersonalizaPerfil.codZonal != '99')}"
                                             value="#{usuarioController.selectedPersonalizaPerfil.codUnidad}" >
                                <f:selectItem itemLabel="Seleccione" itemValue="-1"  />
                                <f:selectItems value="#{usuarioController.lstComboUnidadOrganizacional}" 
                                               var="unidadOrganiza" 
                                               itemValue="#{unidadOrganiza.codUnidad}" 
                                               itemLabel="#{unidadOrganiza.txtUnidad}"/>
                            </p:selectOneMenu> 
                        </td>
                        <td colspan="2"></td>
                    </tr>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Fecha de Inicio :" /></td>
                        <td style="width: 250px;">
                            <p:calendar value="#{usuarioController.selectedPersonalizaPerfil.fecInicio}" showOn="button" pattern="dd/MM/yyyy" size="20"/>
                        </td>
                        <td colspan="4">
                            <h:panelGrid columns="6" >
                                <h:outputLabel value="Estado del Perfil :" style="margin-right: 20px;"/>
                                <p:selectBooleanCheckbox value="#{usuarioController.BActivoPerfil}" itemLabel="Activo" >
                                    <p:ajax update="panelPerfilObs" listener="#{usuarioController.muestraObservacionPerfil}" process="@this"/> 
                                </p:selectBooleanCheckbox>
                                <h:outputLabel value="Tipo de acceso :" style="margin-right: 5px; margin-left: 20px;font-weight: bold;"/>
                                <p:selectBooleanCheckbox value="#{usuarioController.BTipoAcceso}" itemLabel="Consulta" style="font-size: 11pt;font-weight: bold;" >
                                </p:selectBooleanCheckbox>
                                <h:outputLabel value="Horario :" style="margin-right: 20px; margin-left: 50px;"/>
                                <p:selectBooleanCheckbox value="#{usuarioController.BHorarioPerfil}" itemLabel="Restringido" disabled="true">
                                    <p:ajax update="panelHoraPerfilCfg" process="@this"/> 
                                </p:selectBooleanCheckbox>
                            </h:panelGrid>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Fecha de Término :" /></td>
                        <td style="width: 250px;">
                            <p:calendar value="#{usuarioController.selectedPersonalizaPerfil.fecFin}" showOn="button" pattern="dd/MM/yyyy" size="20"/>
                        </td>
                        <td colspan="3">
                            <h:panelGrid id="panelPerfilObs" style="width: 380px;" columns="2" >
                                <h:outputLabel value="Observación :" rendered="#{usuarioController.BMuestraObsPerfil}" style="margin-right: 20px;"/>
                                <p:inputTextarea counter="counterObsPerfil" maxlength="250" counterTemplate="{0} caracteres disponibles." 
                                    style="overflow-y:auto;width: 250px;height: 40px;font-size: 11px;"
                                    rendered="#{usuarioController.BMuestraObsPerfil}" value="#{usuarioController.selectedPersonalizaPerfil.txtObservacion}"/> 
                                <br/>
                                <h:outputText id="counterObsPerfil" />
                            </h:panelGrid>
                        </td>
                        <td>
                            <h:panelGrid id="panelHoraPerfilCfg" style="width: 100%" >
                                <p:commandLink value="Ver Horario" rendered="#{usuarioController.BHorarioPerfil}"
                                               oncomplete="detalleHorarioPerfil.show()" actionListener="#{usuarioController.validaConfiguraHorarioPerfil}"
                                               update=":frmGestionarPermisos:msjPermisos, :frmRegistroHorarioPerfil">
                                </p:commandLink>
                            </h:panelGrid>
                            
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6"></td>
                    </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="6">
                            <p:toolbar style="padding: 3px;">
                                <p:toolbarGroup align="right">
                                    <p:commandButton value="Grabar" icon="ui-icon-disk" style="margin-right: 40px;"
                                                     update="mensajeDetPerfil" actionListener="#{usuarioController.saveUsuarioPerfil}"/>
                                    <p:commandButton value="Cerrar" icon="ui-icon-close" 
                                                     process="@this" onclick="detallePerfil.hide()"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
        <p:messages id="mensajeDetPerfil" showDetail="true" showSummary="false"/>
    </h:form>
</ui:composition>